<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* font-size        字号           px像素  em  rem  网页正文通常16px  浏览器最小10px*/
        /* font-weight      字体粗细        normal(400) bold(700)*/
        /* font-style       字体粗细        normal  italic */
        /* font-variant     小型大写字母     nomal  small-caps inheit */
        /* text-decoration  位版本修饰      none  underline line-through */
        /* color:           文本前景色     rgb,十六进制，rgba   #红绿蓝*/
            /* 十六进制 :黑色#000 白色#fff  灰色#ccc #333 #2f2f2f */
            /* rgb: color:rgb(255,0,0) ;*/
            /* rgba:color:rgb(255,0,0,.65) ;  最后一个透明值，0纯透明1纯实心   IE9*/

        .p1{color: #ff3366;}
        .p2{color: rgb(123,234,221)}
        .p3{color: rgba(255,0,0,.4);}

        .p4{font-weight: bold;}
        h1{font-weight: normal;}

        .p5{font-style: italic;}
        i{font-style: normal;}

        .p6{text-decoration: underline;}
        a{text-decoration: none;}
        .p7{text-decoration: line-through;}
        .p9{font-variant:small-caps;}
    </style>
</head>
<body>
    <i>i font-style: normal</i>
    <h1>h1 font-weight: normal</h1>
    <a href="">a text-decoration: none;</a>
    <p class="p1">#ff3366</p>
    <p class="p2">rgb(123,234,221)</p>
    <p class="p3">rgba(255,0,0,.4)</p>
    <p class="p4">font-weight: bold;</p>
    <p class="p5">font-style: italic;</p>
    <p class="p6">text-decoration: underline</p>
    <p class="p7">text-decoration: line-through;</p>
    <p class="p8">11111111</p>
    <p class="p9">小型大写字母AaBbCcDdEe</p>
</body>
</html>